<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/list.css">
</head>

<body>
    <!-- 顶部导航栏 -->
    <nav class="top-nav">
        <!-- 版心 -->
        <div class="c-top-nav center clearfix">
            <!-- 地址选项 -->
            <div class="h-address">
                <!-- 显示在外部的地区 -->
                <div class="top-area">
                    <div class="area-tittle">北京市</div>
                    <span></span>
                </div>
                <!-- 隐藏的地区列表 -->
                <div class="top-area-list">
                    <p>请选择你的收货地区</p>
                    <div class="area-table">
                        <!-- 省份、城市 -->
                        <div class="area-table-header">
                            <ul class="cleafix">
                                <li class="province">省份</li>
                            </ul>
                        </div>
                        <!-- 对应选项卡列表 -->
                        <div class="area-table-body">
                            <ul class="province-list">
                                <li><a href="#">北京市</a></li>
                                <li><a href="#">陕西省</a></li>
                                <li><a href="#">山西省</a></li>
                                <li><a href="#">天津市</a></li>
                                <li><a href="#">河南省</a></li>
                                <li><a href="#">四川省</a></li>
                                <li><a href="#">深圳</a></li>
                                <li><a href="#">上海</a></li>
                                <li><a href="#">江苏省</a></li>
                                <li><a href="#">浙江省</a></li>
                                <li><a href="#">广西壮族自治区</a></li>
                                <li><a href="#">西藏藏族自治区</a></li>
                                <li><a href="#">新疆省</a></li>
                                <li><a href="#">海南省</a></li>
                                <li><a href="#">贵州省</a></li>
                                <li><a href="#">湖南省</a></li>
                                <li><a href="#">山东省</a></li>
                                <li><a href="#">云南省</a></li>
                                <li><a href="#">黑龙江省</a></li>
                                <li><a href="#">辽宁省</a></li>
                                <li><a href="#">内蒙古</a></li>
                                <li><a href="#">宁夏回族自治区</a></li>
                                <li><a href="#">甘肃省</a></li>
                                <li><a href="#">福建省</a></li>
                                <li><a href="#">吉林省</a></li>
                            </ul>

                        </div>
                    </div>
                    <span class="del-area">×</span>
                </div>

            </div>
            <!-- 头部列表 -->
            <ul class="nav-tool">
                <!-- 登录 -->
                <li id="log">
                    <span>
                        <a href="login.html">登录</a>
                    </span>
                </li>
                <!-- 注册 -->
                <li id="adduser">
                    <span>
                        <a href="adduser.html">注册</a>
                    </span>
                </li>
                <li>
                    <span class="qd">
                        <i class="qd-img"></i>
                        <span>签到有礼</span>
                    </span>
                </li>
                <li>
                    <span>
                        <a href="#">我的订单</a>
                    </span>
                </li>
                <li class="service">
                    <span class="trian">
                        <a href="#">我的特卖</a>
                        <i></i>
                    </span>
                </li>
                <li class="service">
                    <span class="trian">
                        <a href="#">会员俱乐部</a>
                        <i></i>
                    </span>
                </li>
                <li class="service">
                    <span class="trian">
                        <a href="#">客户服务</a>
                        <i></i>
                    </span>
                </li>
                <li>
                    <span>
                        <i class="phon-ico"></i>
                        <a href="#">手机版</a>
                    </span>
                </li>
                <li class="service">
                    <span class="trian">
                        <a href="#">更多</a>
                        <i></i>
                    </span>
                </li>
            </ul>

        </div>
    </nav>
    <!-- 头部logo +搜索框 -->
    <div class="head-logo clearfix">
        <div class="header-c center clearfix">
            <!-- logo -->
            <div class="c-logo">
                <a href="#">
                    <img src="imgs/topnav/vip-logo.png " alt="">
                </a>
            </div>
            <!-- 100天 -->
            <div class=" header-vip"></div>
            <!-- 购物车 -->
            <div class="shop">
                <!-- 购物车商品数量 -->
                <div class="car">
                    <a href="#">
                        <span class="car-ico"></span>
                        <span>购物袋</span>
                        <span class="car-num-bg">
                            <span class="shop-count">0</span>
                        </span>
                    </a>
                </div>
                <!-- 购物车商品信息 -->
                <div class="car-list"></div>
            </div>
            <!-- 搜索框 -->
            <div class="c-serch">
                <div class="serch-form">
                    <input type="text" placeholder="护肤套装">
                    <a href="#">
                        <span></span>
                    </a>
                </div>
                <div class="serch-list">
                    <ul>
                        <li>
                            <a href="#">护肤套装</a>
                        </li>
                        <li>
                            <span>|</span>
                            <a href="#">女休闲裤</a>
                        </li>
                        <li>
                            <span>|</span>
                            <a href="#">女休闲鞋</a>
                        </li>
                        <li>
                            <span>|</span>
                            <a href="#"> 耐克Nike</a>
                        </li>
                        <li>
                            <span>|</span>
                            <a href="#">安踏ANTA</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!-- 主要导航 -->
    <div class="main-nav">
        <div class="main-nav-c center">
            <!-- 分类导航 -->
            <ul class="main-nav-link">
                <li class="shop-class">
                    <a href="#">商品分类</a>
                </li>
                <li class="class-li_0">
                    <a href="#">推荐</a>
                </li>
                <li class="class-li_1">
                    <a href="#">3折疯抢</a>
                </li>
                <li class="class-li_2">
                    <a href="#">唯品快抢</a>
                </li>
                <li class="class-li_3">
                    <a href="#">唯品奢</a>
                </li>
                <li class="class-li_4">
                    <a href="#">女装</a>
                </li>
                <li class="class-li_5">
                    <a href="#">美妆</a>
                </li>
                <li class="class-li_6">
                    <a href="#">母婴</a>
                </li>
                <li class="class-li_7">
                    <a href="#">运动</a>
                </li>
                <li class="class-li_8">
                    <a href="#">鞋包</a>
                </li>
                <li class="class-li_9">
                    <a href="#">电器</a>
                </li>
                <li class="class-li_10">
                    <a href="#">男装</a>
                </li>
                <li class="class-li_11">
                    <a href="#">百货</a>
                </li>
                <li class="class-more">
                    <a href="#">更多
                        <span></span>
                    </a>
                    <div class="more-list"></div>
                </li>
            </ul>
            <div class="main-nav-data">
                <!-- 商品分类二级菜单 -->
                <ul class="menue">
                    <li class="menue-item">
                        <span class="menu-item-tit">女装/男装/内衣</span>
                    </li>
                    <li class="menue-item">
                        <span class="menu-item-tit">女鞋/男鞋/箱包</span>
                    </li>
                    <li class="menue-item">
                        <span class="menu-item-tit">护肤彩妆/个护</span>
                    </li>
                    <li class="menue-item">
                        <span class="menu-item-tit">运动户外</span>
                    </li>
                    <li class="menue-item">
                        <span class="menu-item-tit">家电数码</span>
                    </li>
                    <li class="menue-item">
                        <span class="menu-item-tit">母婴童装</span>
                    </li>
                    <li class="menue-item">
                        <span class="menu-item-tit">手表配饰</span>
                    </li>
                </ul>
                <!-- 分类对应的选项卡 -->
                <div class="pop">
                    <div class="part clearfix">
                        <div class="part-c1">
                            <div class="cont-box">
                                <div class="cont">
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="cont-box">
                                <div class="cont">
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                        </dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="cont-box">
                                <div class="cont">
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="cont-box">
                                <div class="cont">
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="cont-box">
                                <div class="cont">
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="cont-box">
                                <div class="cont">
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                        </dt>
                                    </dl>
                                </div>
                            </div>
                            <div class="cont-box">
                                <div class="cont">
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                    <dl class="cont-item">
                                        <dt class="cont-tittle">
                                            <i class="iconfont icon-youjiantou"></i>
                                            <span>女士热销分类</span>
                                        </dt>
                                        <dt class="cont-txt">
                                            <a href="#">连衣裙</a>
                                            <a href="#">T恤</a>
                                            <a href="#">半截裙</a>
                                            <a href="#">针织衫</a>
                                            <a href="#">衬衫</a>
                                            <a href="#">外套</a>
                                            <a href="#">休闲裤</a>
                                            <a href="#">牛仔裤装</a>
                                            <a href="#">妈妈装</a>
                                        </dt>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="part-c2">
                            <div class="c2-box">
                                <div class="brand-tittle">品牌推荐</div>
                                <div class="brand-box">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 主body -->
    <div class="wrap">
        <div class="wrap-c">
            <!-- 属性 -->
            <div class="choose">
                <div class="choose-cont">
                    <!-- 选项 -->
                    <div class="groups">
                        <div class="group clearfix">
                            <h3 class="tittle">品牌</h3>
                            <div class="group-content">
                                <ul class="clearfix">
                                    <li><a href="#">音儿</a></li>
                                    <li><a href="#">…minette</a></li>
                                    <li><a href="#">白鹿语</a></li>
                                    <li><a href="#">诗篇</a></li>
                                    <li><a href="#">晚白</a></li>
                                    <li><a href="#">VERO MODA</a></li>
                                    <li><a href="#">玖姿</a></li>
                                    <li><a href="#">恩裳</a></li>
                                </ul>
                            </div>
                            <div class="operation">
                                <button class="add">
                                    <span class="btn-txt">更多</span>
                                    <span class="btn-ico iconfont icon-xiajiantou"></span>
                                </button>
                                <button class="click">
                                    <span class="add-ico">+</span>
                                    <span class="btn-txt">多选</span>
                                </button>
                            </div>
                        </div>
                        <div class="group clearfix">
                            <h3 class="tittle">品类</h3>
                            <div class="group-content">
                                <ul class="clearfix">
                                    <li><a href="#">连衣裙</a></li>
                                    <li><a href="#">半身裙</a></li>
                                </ul>
                            </div>
                            <div class="operation">
                                <button class="click">
                                    <span class="add-ico">+</span>
                                    <span class="btn-txt">多选</span>
                                </button>
                            </div>
                        </div>
                        <div class="group clearfix">
                            <h3 class="tittle">尺码</h3>
                            <div class="group-content">
                                <ul class="clearfix">
                                    <li><a href="#">XXS</a></li>
                                    <li><a href="#">XS</a></li>
                                    <li><a href="#">S</a></li>
                                    <li><a href="#">M</a></li>
                                    <li><a href="#">L</a></li>
                                    <li><a href="#">XL</a></li>
                                    <li><a href="#">2XL</a></li>
                                    <li><a href="#">3XL</a></li>
                                    <li><a href="#">4XL</a></li>
                                    <li><a href="#">5XL</a></li>
                                </ul>
                            </div>
                            <div class="operation">
                                <button class="add">
                                    <span class="btn-txt">更多</span>
                                    <span class="btn-ico iconfont icon-xiajiantou"></span>
                                </button>
                                <button class="click">
                                    <span class="add-ico">+</span>
                                    <span class="btn-txt">多选</span>
                                </button>
                            </div>
                        </div>
                        <div class="group clearfix">
                            <h3 class="tittle">面料</h3>
                            <div class="group-content">
                                <ul class="clearfix">
                                    <li><a href="#">棉</a></li>
                                    <li><a href="#">纯棉</a></li>
                                    <li><a href="#">棉混纺</a></li>
                                    <li><a href="#">真丝</a></li>
                                    <li><a href="#">莱赛尔/天丝</a></li>
                                    <li><a href="#">腈纶</a></li>
                                    <li><a href="#">羊毛</a></li>
                                    <li><a href="#">氨纶/莱卡</a></li>
                                </ul>
                            </div>
                            <div class="operation">
                                <button class="add">
                                    <span class="btn-txt">更多</span>
                                    <span class="btn-ico iconfont icon-xiajiantou"></span>
                                </button>
                                <button class="click">
                                    <span class="add-ico">+</span>
                                    <span class="btn-txt">多选</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="lookmore">
                        <button class="btn-more">
                            <span class="more-txt">更多选项</span>
                            <span class="more-ico iconfont icon-xiajiantou"></span>
                        </button>
                    </div>
                </div>
            </div>
            <!-- 筛选 -->
            <div class="c-list clearfix">
                <div class="oper clearfix">
                    <ul class="clearfix">
                        <li class="tag">
                            <p>综合</p>
                        </li>
                        <li class="tag">
                            <p>销量</p>
                        </li>
                        <li class="tag">
                            <p>
                                <em>价格</em>
                                <span>
                                    <i class="up iconfont icon-shangjiantou
                                "></i>
                                    <i class="down iconfont icon-xiajiantou
                                "></i>
                                </span>
                            </p>
                        </li>
                        <li class="tag">
                            <p>
                                <em>折扣</em>
                                <span>
                                    <i class="up iconfont icon-shangjiantou
                                "></i>
                                    <i class="down iconfont icon-xiajiantou
                                "></i>
                                </span>
                            </p>
                        </li>
                        <li class="select">
                            <div class="inner">
                                <span class="start">
                                    <input type="text" value="¥">
                                </span>
                                <i>-</i>
                                <span class="end">
                                    <input type="text" value="¥">
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="page">
                    <span class="total">
                        <em>1000</em>件商品
                    </span>
                    <span>
                        <em class="num">1</em>/84
                    </span>
                    <span class="pre">
                        <i>
                            < </i>
                    </span>
                    <a href="#">
                        下一页
                        <i>></i>
                    </a>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="goods-list">
                <div class="list-inner">

                </div>
            </div>
            <!-- 页码 -->
            <div class="list-page">
                <div class="page-wrap">
                    <span class="total-item-nums">共84页</span>
                    <span class="page-select">1</span>
                    <a href="#" class="page-item">2</a>
                    <a href="#" class="page-item">3</a>
                    <span class="page-dots">...</span>
                    <a href="#" class="page-item">84</a>
                    <a href="#" class="page-next">
                        <i> ></i>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <div class="footer-inner">
            <ul class="footer-vip clearfix">
                <li>
                    <i class="foot-ic-1">正品货源</i>
                </li>
                <li>
                    <i class="foot-ic-2">全球直采</i>
                </li>
                <li>
                    <i class="foot-ic-3">自营仓储</i>
                </li>
                <li>
                    <i class="foot-ic-4">入仓检验</i>
                </li>
                <li>
                    <i class="foot-ic-5">保险保障</i>
                </li>
                <li>
                    <i class="foot-ic-6">无忧退换</i>
                </li>
                <li>
                    <i class="foot-ic-7">万千信赖</i>
                </li>
            </ul>
            <div class="footer-list clearfix">
                <dl class="list-item">
                    <dt>服务保障</dt>
                    <dd>
                        <a href="#">正品保证</a>
                    </dd>
                    <dd>
                        <a href="#">7天无理由放心退</a>
                    </dd>
                    <dd>
                        <a href="#">7x15小时客户服务</a>
                    </dd>
                    <dd>
                        <a href="#">7天无理由随心换</a>
                    </dd>
                </dl>
                <dl class="list-item">
                    <dt>购物指南</dt>
                    <dd>
                        <a href="#">导购演示</a>
                    </dd>
                    <dd>
                        <a href="#">订单操作</a>
                    </dd>
                    <dd>
                        <a href="#">会员注册</a>
                    </dd>
                    <dd>
                        <a href="#">账户管理</a>
                    </dd>
                    <dd>
                        <a href="#">收货样品</a>
                    </dd>
                    <dd>
                        <a href="#">会员等级</a>
                    </dd>
                </dl>
                <dl class="list-item">
                    <dt>支付方式</dt>
                    <dd>
                        <a href="#">23家主流网银支付</a>
                    </dd>
                    <dd>
                        <a href="#">支付宝、银联等支付</a>
                    </dd>
                    <dd>
                        <a href="#">信用卡支付</a>
                    </dd>
                    <dd>
                        <a href="#">零钱支付</a>
                    </dd>
                </dl>
                <dl class="list-item">
                    <dt>配送方式</dt>
                    <dd>
                        <a href="#">配送范围及运费</a>
                    </dd>
                    <dd>
                        <a href="#">验货与签收</a>
                    </dd>
                </dl>
                <dl class="list-item">
                    <dt>售后服务</dt>
                    <dd>
                        <a href="#">退货政策</a>
                    </dd>
                    <dd>
                        <a href="#">退货流程</a>
                    </dd>
                    <dd>
                        <a href="#">退款方式和时效</a>
                    </dd>
                    <dd>
                        <a href="#">换货服务</a>
                    </dd>
                </dl>
                <dl class="list-ewm">
                    <dt>唯品会APP二维码</dt>
                    <dd>
                        <img src="imgs/bottom/二维码.jpg" alt="">
                    </dd>
                    <dd>下载唯品会移动APP</dd>
                </dl>
            </div>
            <div class="bottom">
                <p class="bottom-link">
                    <a href="http://127.0.0.1/test/VIP/about.html target=" _blank">关于我们</a>|
                    <a href="#">About us</a>|
                    <a href="#">Investor Relations</a>|
                    <a href="#">媒体报道</a>|
                    <a href="#">品牌招商</a>|
                    <a href="#">平台规则</a>|
                    <a href="#">隐私条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">唯品诚聘</a>|
                    <a href="#">唯品卡</a>|
                    <a href="#">联系我们</a>|
                    <a href="#">廉正举报</a>
                </p>
                <p class="bottom-txt">
                    Copyright o 2008-现在vip.com, AlIl Rights Reserved使用本网站即表示接受
                    <a href="#">唯品会用户协议</a>。版权所有
                    <ahref="#">广州唯品会电子商务有限公司</a><br>
                        <a href="#">
                            <img src="imgs/bottom/小图标/jinghui.png" alt="">
                            粤公网安备4410302111111号</a>&nbsp;&nbsp;
                        <a href="#">粤ICP备08114786号</a>&nbsp;&nbsp;
                        <a href="#">增值业务经营许可证:粵B2-20170777</a>&nbsp;&nbsp; <a href="#">网络文化经营许可证:粤网文[2021]
                            2056-282号</a><br>
                        <a href="#">经营主体证照</a>&nbsp;&nbsp;
                        <a href="#">风险监测信息</a>&nbsp;&nbsp;
                        <a href="#">互联网药品信息服务 资格证书:(粵)-经营性2018-0271</a>&nbsp;&nbsp;
                        <a href="#">网络食品交易第三方平台备案凭证:粵B2 20170777</a> &nbsp;&nbsp;
                        <a href="#">医疗器械网络交易服务第三方平台备案凭证: (粤) 网械平台备字[2019]第00001号</a>
                        &nbsp;&nbsp;出版物网络交易平台服务经营备案证:粵新出网备(2021) 1号 未成年人关怀专区<br>
                        违法和不良信息举报电话: 4006789888 算法推荐违规举报电话: 4006789888
                </p>
            </div>
        </div>
        <div class="footer-foot">
            <div class="foot-pic">
                <a href="#">
                    <i class="ico-1"></i>
                </a>
                <a href="#">
                    <i class="ico-2"></i>
                </a>
                <a href="#">
                    <img src="imgs/bottom/小图标/诚信.png" alt="">
                </a>
                <a href="#">
                    <i class="ico-4"></i>
                </a>
            </div>
        </div>
    </div>

    <!-- 侧边固定栏导航 -->
    <div class="sidebar">
        <div class="side-nav">
            <div class="nav-cont">
                <ul>
                    <li class="my">
                        <div class="my-block">
                            <i class="iconfont icon-zhanghao"></i>
                            <p>账号</p>
                        </div>
                    </li>
                    <li class="car">
                        <div class="car-block">
                            <i class="iconfont icon-gouwudai"></i>
                            <p>购 <br> 物 <br> 袋</p>
                            <span>0</span>
                        </div>
                    </li>
                    <li class="quan">
                        <div class="quan-block">
                            <i class="iconfont icon-wodeyouhuiquan
                            "></i>
                            <p>我的优惠券</p>
                        </div>
                    </li>
                    <li class="like">
                        <div class="quan-block">
                            <i class="iconfont icon-xihuan
                            "></i>
                            <p>品牌收藏</p>
                        </div>
                    </li>
                    <li class="star">
                        <div class="quan-block">
                            <i class="iconfont icon-shoucang
                            "></i>
                            <p>商品收藏</p>
                        </div>
                    </li>
                    <li class="time">
                        <div class="quan-block">
                            <i class="iconfont icon-lishijilu
                            "></i>
                            <p>我的足迹</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>
<script src="js/top-nav.js"></script>
<script src="js/mainnav-menue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/cookieTools.js"></script>
<script src="js/list.js"></script>
<script>
    let ocarbtn = document.querySelector(".car");
    ocarbtn.onclick = function () {
        window.open("http://127.0.0.1/test/VIP/shoppingcar.html?vipName=18740775954")
    }
    if (getCookie("vipName") != "") {
        let str = getCookie("vipName")
        $('#log').html("欢迎" + str);
    }
</script>